<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        var ctx = '';
        var basePath = '/ec-demo';
        var locale = 'zh-cn'
    </script>
    <script src="../../../bower_components/requirejs/require.js" data-main="../../../static/app.js" data-bootstrap-modules="'demo/TestClickBoxModule'"></script>

    <link href="/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/css/controls.css" rel="stylesheet" type="text/css">
    <style>
        [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
            display: none !important;
        }
    </style>
</head>
<body ng-controller="TestClickBoxController"  style="padding: 20px;" ng-cloak>

    <!--
        g-checkbox-group: 复选框绑定指令，绑定值用ng-model
        g-checkbox：复选框指令
        属性：
            display：显示文本
            value：选中值
            disabled：禁用控件  取值为ture或disabled时禁用
            on-before-check：点选前触发事件
            on-check：点选后事件 fn(boolean) 选中则传递true，取消选中为false
    -->
    您的爱好是：{{hobby}}
    <div g-checkbox-group ng-model="hobby">
        <g-checkbox ng-repeat="item in items" display="{{item.key}}" value="{{item.value}}" ></g-checkbox>
    </div>
    <br>


    <div>
        {{test}}
        <g-checkbox display="是" ng-model="test" on-before-check="beforeChk()" on-check="chk(checked)"></g-checkbox>
    </div>

    <!--
    g-radio-group: 单选按钮组绑定指令，赋值为绑定的变量
    g-radio：单选按钮指令
    属性：
        display：显示文本
        value：选中值
        disabled：禁用控件  取值为ture或disabled时禁用
        on-before-check：点选前触发事件
        on-check：点选后事件 fn(boolean) 选中则传递true，取消选中为false
-->
    您的性别是：{{sex}}
    <div g-radio-group ng-model="sex">
        <g-radio style="margin: 5px;" ng-repeat="opt in opts"  display="{{opt.name}}" value="{{opt.value}}"></g-radio>
    </div>

</body>
</html>